<template>
      <div id="ban">
            <div class="imgbox">
                  <img src="../../assets/img/ban.png" alt="">
            </div>
            <div class="list">
                  <div class="item">
                        <div class="icon">
                              <img src="../../assets/img/x1.png" alt="">
                        </div>
                        <div class="info">
                              <div class="big">资金安全</div>
                              <div class="small">保障商户资金安全性</div>
                        </div>
                  </div>
                  <div class="item">
                        <div class="icon">
                              <img src="../../assets/img/x2.png" alt="">
                        </div>
                        <div class="info">
                              <div class="big">技术研发</div>
                              <div class="small">专业服务器运维团队</div>
                        </div>
                  </div>
                  <div class="item">
                        <div class="icon">
                              <img src="../../assets/img/x1.png" alt="">
                        </div>
                        <div class="info">
                              <div class="big">解决方案</div>
                              <div class="small">完善的支付行业解决方案</div>
                        </div>
                  </div>
                  <div class="item">
                        <div class="icon">
                              <img src="../../assets/img/x1.png" alt="">
                        </div>
                        <div class="info">
                              <div class="big">落地服务</div>
                              <div class="small">帮助合作伙伴快速推进市场</div>
                        </div>
                  </div>
            </div>
      </div>
</template>

<script>
      export default {
            
      }
</script>

<style lang="scss" scoped>
#ban {
      width: 100%;
      max-width: 750px;
      .imgbox {
            width: 100%;
            height: 4.97rem;
            img {
                  width: 100%;
                  height: 4.97rem;
            }
      }
      .list {
            width: 100%;
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            .item {
                  width: 50%;
                  border: 1px dashed #000;
                  display: flex;
                  align-items: center;
                  padding: 0.2rem;
                  .icon {
                        width: 0.6rem;
                        height: 0.6rem;
                        overflow: hidden;
                        img {
                              width: 0.6rem;
                              height: 0.6rem;
                              display: block;
                        }
                  }
                  .info {
                        margin-left: 0.2rem;
                        text-align: center;
                        .big {
                              font-size: 0.3rem;
                        }
                        .small {
                              font-size: 0.18rem;
                        }
                  }
            }
      }
}
</style>